/* CSS Document */
/*��������*/
.wrapper{ width:100%; height:100%; overflow:hidden}
#center{ width:850px; height:578px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; background-color:#fafafa; z-index:-1; position:relative}
.first_a{ background:url(../images/web00_03.gif) 5px center no-repeat;}
.last_a{ background:url(../images/web01_05.gif)  5px center no-repeat;}
.tabcon .subbox{position:absolute;/*��ҪԪ��*/left:0;top:0;}
.bj{ margin-left:154px; margin-top:25px; margin-right:5px;}
.sq{ margin-left:5px; margin-top:25px; margin-right:0px}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* demo */
.demo_chart{width:786px; height:500px;position:relative;background-color:#fafafa; z-index:555}
.tabcon{position:relative;height:180px;overflow:hidden; width:850px; height:548px}
.f_cc{ display:inline-block;width:58px; height:18px; font-size:12px; text-align:center; line-height:18px;border:1px solid #999999;float:left}
/*02-个人中心*/
.tabcon_n_n{ position:relative;overflow:hidden;}
.tabcon_n_n .subbox{position:absolute;left:0;top:0;}
.jia_n{ position:absolute; right:50px; height:50px; line-height:50px;font-weight:bold; font-size:16px; color:#CCC; bottom:0px; width:50px; text-align:center}
.jian_nn{position:absolute; right:0px; height:50px; line-height:50px;font-weight:bold; font-size:16px; color:#CCC; bottom:0px; width:50px; text-align:center}

#zzc_zz_c{ width:520px; height:430px; background:#FFF; position:absolute; left:165px; top:74px; z-index:1000}
#zz_cc_zz{ width:520px; height:430px; position:relative; z-index:1006}
/*#zz_cc_zz a{ width:506px; height:318px; position:absolute; left:7px; top:30px}*/

.top_top {height:445px;width:780px;overflow:hidden;float:left;background:none;margin-left:8px
}
.scroll_scroll {width:11px;height:450px;float:left;background:url(../images/04web-zzzp_08.gif);position:relative;margin-left:15px
}
.tb_xzk{ position:relative;width:100%; height:24px; margin-top:8px;background:url(../images/web-02_03_0203.gif) 93% center no-repeat;}
.tb_xzk input{ width:174px; height:18px;font-size:12px; line-height:18px;outline:0px; text-indent:0.6em; background:url(../images/web020_10.gif) 93% center no-repeat; border:1px solid #CCC; position:absolute; left:412px; top:2px; color:#CCCCCC; border:0px none;-webkit-border-radius:20px; -moz-border-radius:20px;}
.tb_r a:hover,.tb_r>a.current{color:#049dd5}
.tb_r a.current{ font-size:15px}
/*投影*/

#zz_zyc{ position:absolute; left:0px; top:0px;background:url(../images/03web_00.png) top center repeat;}
#banner{ width:506px; height:318px; position:relative; margin-left:7px; margin-top:30px;}
/*内部考出的样式*/
ul.imgs{width:506px; height:318px; position:absolute; left:0px; top:0px}
ul.imgs>li{width:506px; height:318px; float:left;}
ul.imgs>li>img{width:506px; height:318px;}
#xg{ position:absolute; left:398px; bottom:23%;  z-index:999;height:auto; overflow:hidden}
#xg_xg_xg{border:0 none; background:none; font-size:12px; width:20px; line-height:20px; height:20px}

/*列表的左侧的三张示例图*/
.tabbtn_n{ width:156px; height:480px; float:left; margin-left:12px; margin-right:5px; margin-top:8px; }
.tabbtn_n li{ width:156px; height:116px; position:relative;}
.tabbtn_n li a{
    display: block;
    width:156px;
    height: 116px;
    text-indent: -9999px;
    background: url(../images/03web_00.png) repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}
.tabbtn_n li.li{
    background: url(../images/03web_03.gif) top center no-repeat;
    background-size: auto 100%;
}
.tabbtn_n li.li_li{
    background: url(../images/03web-_06.gif) top center no-repeat;
    background-size: auto 100%;
}
.tabbtn_n li.li_li_li{
    background: url(../images/03web-_08.gif) top center no-repeat;
    background-size: auto 100%;
}
.zzcm,.zzcmm,.zzcmmm{ position:absolute; left:0px; top:0px;background:#000;-moz-opacity:0.9;opacity:0.9; width:850px; height:578px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); background:rgba(0,0,0,0.9); z-index:555; filter:Alpha(opacity=90); -webkit-opacity:0.9; width:194px; height:146px;}
/*.tabbtn_n li:before{ position:absolute; left:0px; top:0px; background:#000;-moz-opacity:0.9;opacity:0.9; width:850px; height:578px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); background:rgba(0,0,0,0.9); z-index:555; filter:Alpha(opacity=90); -webkit-opacity:0.9; width:194px; height:146px; content:"";}*/
.tabbtn_n li a>img{ width:194px; height:146px}
.center_c{ width:1px; height:487px; background:#eaeaea; float:left;margin-left: 11px;margin-top: 13px;}
.tabcon_n{ width:588px; height:530px; float:left; margin-left:15px; margin-right:15px;margin-top: 10px;}
.tabcon_n ul{ width:588px; height:414px}
#sw_q{ width:571px; height:414px}
#sw_q01{ width:588px; height:530px}
#sw_q02{ width:588px; height:530px}

.tabcon_n{position:relative;/*必要元素*/height:180px;overflow:hidden; width:571px; height:489px}

.tabcon_n .subbox{position:absolute;/*必要元素*/left:0;top:0;}
.zx_h{ width:569px; height:50px; background:#FFF; position:relative; margin-top:4px; border: 1px solid #dcdcdc;}
.zx_h p{ display:block;width:95px; height:50px; line-height:50px; font-size:16px; text-align:center; left:0px; top:0px; border-right: 1px solid #dcdcdc}
.zx_h a.tb_mc>input{ width:400px; height:48px; line-height:48px; font-size:16px;
    color:#505050; outline:0px; border:0px none; background:#FFF;
    padding-left: 10px;border-left: 1px solid #dcdcdc}
.tb_mc{ width:200px; height:50px; line-height:50px; color:#CCC;
    display:block; position:absolute; left:100px; top:0px}
.zx_hh{ width:49%; height:50px; position:relative; background:#FFF; float:left}
.zx_hh p{ width:97px; height:50px; line-height:50px;
    font-size:16px; position:absolute; left:0px;
    top:0px; text-align:center; border-right: 1px solid #dcdcdc}
.dw_xz{ width:185px;  height:50px; position:absolute; left:100px;
    border-left: 1px solid #dcdcdc; ;
}
.zx_hh a.dw_xz>input{
    width:164px; height:48px; line-height:48px; font-size:16px; color:#505050;
    background:#FFF; outline:none; border:0 none;padding-left: 10px;}
/*上面的每行数据生成的长度*/
.zx_hh_zh{ width: 1129px; height:50px;
    position:relative; overflow:hidden;
    margin-top:5px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.zh_p,.zh_pp{
    width:95px; height:50px; background:#FFF; line-height:50px; text-align:center;
    font-size:16px; color:#CCC;float:left;border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
.zh_pp{margin-left: 4px;}
.zh_pp input{width:94px; height: 50px; line-height: 50px;border: 0;outline: none;background: white;text-align: center}
.data_conout{
    width: 588px;
    height: 249px;
    overflow: hidden;
}
.data_con{
    position: relative;
    height: 249px;
    overflow-y: hidden;
    overflow-x: scroll;
}
.data_conout02{
    width: 610px;
    height: 226px;
    overflow: hidden;
}
.data_con02{
    position: relative;
    height: 192px;
    overflow-y: hidden;
    overflow-x: scroll;
}
.data_conout03{
    width: 610px;
    height: 158px;
    overflow: hidden;
}
.data_con03{
    position: relative;
    height: 130px;
    overflow-y: hidden;
    overflow-x: scroll;
}
.zh_p_zh{ width:98px; height:24px; line-height:24px; text-align:center; font-size:16px; color:#505050}
.zx_h_h{ width:569px; height:50px; margin-top:4px; border:1px solid #dcdcdc;background: #FFF}
#z_x_h{ margin-left:2%}
#z_x_h p.y_direction{
    width: 94px;
    border-left:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
}
.y_content{
    border-right: none;
    left: 100px;
    width: 185px;
}
#z_hhh_zh{ margin-top:10px}
#zx_hh_zh{ margin-top:4px}
.li{ margin-top:5px}
.li_li,.li_li_li{ margin-top:14px}
.zh_p_zh_zzz{ height:60px; line-height:60px; font-size:16px; color:#505050}
.wcxm{ width:585px; height:30px; margin-top:32px}
.wcxm a,.wcxm_wcxm a,.wcxm_wc_m_xm a{ display:block; width:122px; height:30px; line-height:30px; font-size:16px; color:#FFF; background:#049dd5; text-align:center}
#add_shuju{margin-left:166px; margin-right:25px}
#add_over,#wcxm_mm{ margin:0 auto}
.wcxm_wcxm{ width:585px; height:30px; margin-top:9px}
.wcxm_wc_m_xm{ width:615px; height:30px; margin-top:37px}

/*chatr css*/
.tabbtn_n li{
    border: 1px solid #dcdcdc;
}
.chart_close{
    position: absolute;
    width: 24px;
    height: 24px;
    color: white;
    right: 1%;
    top:5%;
    z-index: 3000;
    cursor: pointer;
    display: none;
    background: url(../images/all_close.png) top center no-repeat;

}
.zhu_y{
    border-left: 1px solid #dcdcdc;
    width: 94px !important;
}
.zhu_y_con{
    border-right: none;
}
.data_con02 .zh_pp,.data_con02 .zh_p{
    width: 95px;
}
.data_con02 .zh_pp input{
    width: 95px;
}
.data_con03 .zh_pp,.data_con03 .zh_p{
    width: 95px;
}